@charset "utf-8";
.engine {
    padding-top: 106px;
    padding-bottom: 144px;
    border-bottom: 1px solid #eaeaee;
    background: #fbfaf7;
    .container {
        background: url("../img/index/bg.png") no-repeat right center;
        .engine_top {
            padding-bottom: 78px;
            div:first-of-type {
                font-size: 48px;
                color: #0078d7;
                line-height: 84px;
            }
            div:last-of-type {
                font-size: 30px;
                color: #666666;
            }
        }
        .engine_mid {
            .engine_icon {
                width: 64px;
                height: 64px;
                border-radius: 3px;
                cursor: pointer;
                transition: all 1s ease-in-out;
                &:hover {
                    transform: rotate(720deg);
                    background-color: gray;
                }
            }
            .engine_icon1 {
                background: url("../img/index/shandian.png") no-repeat center #0078d7;
            }
            .engine_icon2 {
                background: url("../img/index/chilun.png") no-repeat center #0078d7;
            }
            .engine_icon3 {
                background: url("../img/index/qiandai.png") no-repeat center #0078d7;
            }
            .engine_icon4 {
                background: url("../img/index/huojian.png") no-repeat center #0078d7;
            }
            .engine_text {
                div:first-of-type {
                    font-size: 20px;
                    line-height: 34px;
                    color: #333333;
                }
                div:last-of-type {
                    font-size: 14px;
                    color: #666666;
                    line-height: 24px;
                }
            }
            .margin_42 {
                margin-bottom: 42px;
            }
        }
    }
}
.advantage {
    .container {
        padding-bottom: 100px;
        .advantage_top {
            margin-top: 116px;
            padding-bottom: 50px;
            text-align: center;
            div {
                font-size: 45px;
                color: #8fc31f;
            }
        }
        .advantage_mid {
            background: url(../img/index/jiangbei.png) no-repeat left center;
            .advantage_img{
                width: 25%;
                margin-top: 20px;
                img{
                    width: 100%;
                }
            }
            .advantage_icon {
                width: 54px;
                height: 54px;
                border-radius: 50%;
                background: #8fc31f;
                cursor: pointer;
                transition: all 1s ease-in-out;
                &:hover{
                    background-color:#141f22;
                    border-radius: 15%;
                }
            }
            .advantage_icon1{
                background: url(../img/index/dun.png) no-repeat center #8fc31f;
            }
            .advantage_icon2{
                background: url(../img/index/huojian2.png) no-repeat center #8fc31f;
            }
            .advantage_icon3{
                background: url(../img/index/shouji.png) no-repeat center #8fc31f;
            }
            .advantage_icon4{
                background: url(../img/index/shoubing.png) no-repeat center #8fc31f;
            }
            .advantage_text {
                font-size: 14px;
                color: #666666;
                padding-top: 6px;
            }
            .margin_100{
                margin-left: 100px;
            }
            .padding_30{
                padding-bottom: 30px;
            }
        }
    }
}
.family{
    background: #0079d7;
    padding-bottom: 140px;
    .container{
        .family_top{
            padding-bottom: 65px;
            padding-top: 120px;
            div{
                font-size: 48px;
                color: white;
                text-align: center;
            }
        }
        .family_mid{
            .family_icon{
                width: 66px;
                height: 66px;
                border-radius: 10px;
                padding-bottom: 120px;
            }
            .family_icon1{
                background: url(../img/index/chibang.png) no-repeat center #0079d7;
            }
            .family_icon2{
                background: url(../img/index/fangge.png) no-repeat center #0079d7;
            }
            .family_icon3{
                background: url(../img/index/f.png) no-repeat center #0079d7;
            }
            .family_icon4{
                background: url(../img/index/fangzi.png) no-repeat center #0079d7;
            }
            .family_icon5{
                background: url(../img/index/huojian3.png) no-repeat center #0079d7;
            }
            .family_icon6{
                background: url(../img/index/chilun2.png) no-repeat center #0079d7;
            }
            .family_text{
                div:first-of-type{
                    font-size: 30px;
                    color: white;
                    line-height: 48px;
                }
                div:last-of-type{
                    font-kerning: 14px;
                    color: white;
                    line-height: 29px;
                }
            }
            .padding_130{
                height: 200px;
            }
        }
    }
}
.game{
    padding-bottom: 45px;
    .container{
        .game_top{
            padding-top: 85px;
            padding-bottom: 40px;
            .game_top_left{
                font-size: 35px;
                color: #2a2a2a;
            }
            .game_top_right{
                text-align: center;
                padding-top: 16px;
                font-size: 14px;
                color: #2a2a2a;
            }
        }
        .game_mid{
            .game_video{
                text-align: center;
                img{
                    display: inline-block;
                }
            }
            .game_img{
                margin-top: 10px;
                text-align: center;
                padding-bottom: 35px;
                a{
                    color: #2a2a2a;
                    font-size: 14px;
                    display: block;
                }
            }
        }
    }
}
.partner{
    background: #f4f4f4;
    padding-bottom: 60px;
    .container{
        .partner_top{
            padding-top: 40px;
            padding-bottom: 30px;
            text-align: center;
            div{
                font-size: 30px;
                color: #2a2a2a;
                span{
                    font-size: 12px;
                    color: #818181;
                }
            }
        }
        .partner_mid{
            .partner_img{
                border: 1px solid #dddddd;
                border-radius: 5px;
                margin: 10px 5px;
                text-align: center;
                background: white;
                img{
                    display: inline-block;
                }
            }
        }
    }
}


@media screen and (max-width:992px){
    .engine .container{
        background: none;
        .engine_top{
            text-align: center;
            div:first-of-type{
                font-size: 40px;
            }
            div:last-of-type{
                font-size: 25px;
            }
        }
    }
    .advantage{
        .container .advantage_mid{
            background: none;
        }    
    }
    .family .container{
        .family_top{
            div{
                text-align: center;
                font-size: 35px;
            }
        }
    }
    .game .container{
        .game_top{
            text-align: center;
        }
    }
    .kv .carousel-inner > .item > img{
        height: 200px;
        width: 100%;
    }
    
}
